<template>
  <div class="contact-big-box">
    <a name="lxw"></a>
    <div class="contact-title">
      <div>联系我:</div>
    </div>
    <div class="contact-qq-box contact-box" v-on:click="goQQ">
      <div class="contact-qq-nr-box contact-nr-box">
        <i class="iconfont icon-qq"></i><span class="contact-qq-nr contact-nr">QQ:2103784735</span>
      </div>
    </div>
    <div class="contact-wx-box contact-box" v-on:mouseover="oMyWX"
         @mouseout="cMyWX">
      <div class="contact-wx-nr-box contact-nr-box">
        <i class="iconfont icon-weixin"></i><span class="contact-wx-nr contact-nr">WX:15574262358</span>
      </div>
    </div>
  </div>
</template>

<script>
import qq from './contact'

export default {
  name: 'Contact-me',
  methods: {
    goQQ () {
      const url = qq.qq()
      window.open(url)
    },
    oMyWX () {
      console.log('oo')
      this.$emit('openDiv')
    },
    cMyWX () {
      console.log('o1')
      this.$emit('closeDiv')
    }
  }
}
</script>

<style scoped lang="scss">
@import "~@/assets/css/contact.scss";
</style>
